<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="/webSite/css/header-public.css" />
		<link rel="stylesheet" href="/webSite/css/article-list-public.css" />
		<link rel="stylesheet" href="/webSite/css/popular-article-public.css"/>
		<!--[if lt IE 9]>
			<script type="text/javascript" src="/webSite/js/html5.js"></script>
		<![endif]-->
		<style>
			header{
				margin-bottom: 50px;
			}
		</style>
	</head>
	<body>
		<!--头部引用-->
		<% include header-public.html %>
		<!--内容-->
		<div id="content" class="cl">
			<!--left-->
			<div class="left-content content-div">
				<h4 class="content-title pl-20">搜索</h4>
				<!--文章列表-->
				<% include article-list-public.html %>
			</div>
			<!--right-->
			<div class="right-content">
				<% if(hotArticle.length){ %>
					<!--热门推荐-->
					<div class="content-div popular">
						<h4 class="content-title">热门推荐</h4>
						<ul class="popular-article">
							<% hotArticle.forEach(function(data){ %>
							<li>
								<!--缩略图-->
								<a href="/article-details?id=<%= data.id %>" class="article-img">
									<img src="<%= data.imgSrc %>">
								</a>
								<!--标题-->
								<h3 class="title">
									<a href="/article-details?id=<%= data.id %>"><%= data.title %></a>
								</h3>
								<!--date-->
								<div class="date"><%= ejsExtend.getDate(data.releaseTime) %></div>
							</li>
							<% }) %>
						</ul>
					</div>
				<% } %>
				<!--广告-->
				<div class="ad content-div">
					<img src="/webSite/images/article-img.jpg">
				</div>
			</div>
		</div>
	</body>
</html>
